.wred,
.wr {
  color: #f00;
}

.wgreen,
.wg {
  color: #0a0;
}

.wblue,
.wb {
  color: #00f;
}

.wpurple {
  color: #a0a;
}

.wpink {
  color: #f0f;
}

.worange {
  color: #f60;
}

.wskyred {
  color: #f08;
}

.wskyblue {
  color: #06f;
}

.fw {
  font-weight: bold;
}

.picgg {
  width: 100%;
  height: 40px;
}

.picgg2 {
  width: 100%;
  height: 60px;
}

@media (min-width: 720px) {
  .picgg {
    height: 60px;
  }

  .picgg2 {
    height: 80px;
  }
}

/******************/

.bg_red,
.bg_r {
  background: #f00;
}

.bg_blue,
.bg_b {
  background: #36f;
}

.bg_green,
.bg_g {
  background: #093;
}

.bg_null {
  background: #5d1e92;
}

.cgi-con-tit {
  padding: 6px 0;

  font-size: 17px;

  font-weight: bold;

  background: #435a9e;

  text-align: center;

  border-radius: 4px;
}

.cgi-con-tit span {
  height: 16px;

  line-height: 16px;

  display: inline-block;

  color: #ff0;
}

.cgi-con-tit font {
  color: #fff;
}

.cgi-con .cgi-con-tit:nth-child(1) {
  border-top: 0;
}

.cgi-con td {
  text-align: center;

  padding: 3px 0;

  border: 1px solid #ddd;
}

.cgi-con td font {
  color: #f00;
}

.cgi-con td span {
  color: #f00;
}

.cgi-con td span.sx {
  background: #f00;
}

.cgi-con-bg {
  /*width:42%;*/

  color: #340dcf;

  font-weight: bold;

  background: #f8f8f8;

  background-image: -webkit-linear-gradient(to top, #f8f8f8, #fff);

  background-image: linear-gradient(to top, #f8f8f8, #fff);
}

.cgi-con-bg b {
  color: #0092bf;
}

.cgi-con-qi {
  font-size: 12px;
}

.cgi-con-grey {
  height: 2px;

  overflow: hidden;

  background: transparent;
}

/***** readme *****/

.sx table {
  border-collapse: collapse;

  border-spacing: 0;
}

.sx table tr {
  display: table-row;

  vertical-align: inherit;

  border-color: inherit;
}

.sx table td {
  border: 1px solid #e5e5e5;

  padding: 3px 2px;

  word-break: break-all;
}

.sx ul,
.sx li,
.sx dl,
.sx dt,
.sx dd {
  margin: 0;
  padding: 0;
}

.sx ul {
  display: block;

  list-style-type: disc;
}

.sx ul li img {
  vertical-align: middle;

  border: 0;

  width: 40px;

  height: 40px;
}

.sx1 li {
  float: left;

  width: 33.333333%;

  padding: 5px 0;

  text-align: center;
}

.sx span {
  height: 18px;

  line-height: 18px;

  margin: 0 2px;

  padding: 0 3px;

  font-size: 12px;

  color: #fff;

  display: inline-block;

  /* background-color: #f00; */
}

.sx span.blue {
  background-color: #3366ff;
}

.sx span.green {
  background-color: #009933;
}

@media (min-width: 320px) and (max-width: 359px) {
  .sx1 li {
    width: 50%;
  }
}

@media (min-width: 360px) and (max-width: 374px) {
  .sx1 li {
    width: 50%;
  }
}

@media (min-width: 375px) and (max-width: 392px) {
  .sx ul li .tm01 span {
    margin: 0 1px;
    padding: 0 2px;
  }
}

@media (min-width: 393px) and (max-width: 413px) {
  .sx ul li .tm01 span {
    margin: 0 1px;
    padding: 0 2px;
  }
}

@media (min-width: 414px) and (max-width: 767px) {
}

@media (min-width: 768px) {
  .sx1 li {
    width: 25%;
  }
}
